@media screen and (max-width: 1440px) {

	html,
	body {
		font-size: 12px;
	}
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {

	html,
	body {
		font-size: 14px;
	}
}

@media screen and (min-width: 1681px) and (max-width: 1920px) {

	html,
	body {
		font-size: 16px;
	}
}

html,
body,
#app {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0
}

img {
	border: 0
}

ul,
ol {
	list-style: none
}

.flex {
	display: flex;
}

.flexC {
	display: flex;
	flex-direction: column;
}

.positionR {
	position: relative;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}

.flex3 {
	flex: 3;
}

.flex4 {
	flex: 4;
}

.flex5 {
	flex: 5;
}
.flex6 {
	flex: 1.5;
}

.JustifyContentC {
	justify-content: center;
	/*主轴上的对齐方式*/
}

.JustifyContentSB {
	justify-content: space-between;
}

.JustifyContentSA {
	justify-content: space-around;
}

.JustifyContentFE {
	justify-content: flex-end;
}

.AlignItemsC {
	align-items: center;
	/*交叉轴上如何对齐*/
}

/*
@font-face {
    font-family: "PingFangBold";
    src: url(../fonts/PingFangBold.ttf);
}

@font-face {
    font-family: "PingFangExtraLight";
    src: url(../fonts/PingFangExtraLight.ttf);
}

@font-face {
    font-family: "PingFangHeavyt";
    src: url(../fonts/PingFangHeavy.ttf);
}

@font-face {
    font-family: "PingFangLight";
    src: url(../fonts/PingFangLight.ttf);
}

@font-face {
    font-family: "PingFangMedium";
    src: url(../fonts/PingFangMedium.ttf);
}

@font-face {
    font-family: "PingFangRegular";
    src: url(../fonts/PingFangRegular.ttf);
}

@font-face {
    font-family: "SAPISRG";
    src: url(../fonts/SAPISRG.TTF);
}

@font-face {
    font-family: "UnidreamLED";
    src: url(../fonts/UnidreamLED.ttf);
}

@font-face {
    font-family: "AgencyFB";
    src: url(../fonts/AgencyFB.ttf);
}

.PingFangBold {
    font-family: PingFangBold;
}

.PingFangExtraLight {
    font-family: PingFangExtraLight;
}

.PingFangHeavyt {
    font-family: PingFangHeavyt;
}

.PingFangLight {
    font-family: PingFangLight;
}

.PingFangMedium {
    font-family: PingFangMedium;
}

.PingFangRegular {
    font-family: PingFangRegular;
}

.SAPISRG {
    font-family: SAPISRG;
}

.UnidreamLED {
    font-family: UnidreamLED;
}

.AgencyFB {
    font-family: AgencyFB;
}
*/
.Medium {
	font-family: PingFang-SC-Medium;
}

.Regular {
	font-family: AgencyFB-Reg;
}

.Bold {
	font-family: PingFang-SC-Bold;
}

.Acens {
	font-family: Acens;
}

.font_wb {
	font-weight: bold;
}

.font_w4 {
	font-weight: 400;
}

.font_s12 {
	font-size: 0.75rem;
}

.font_s14 {
	font-size: 0.875rem;
}

.font_s15 {
	font-size: 0.9375rem;
}

.font_s16 {
	font-size: 1rem;
}

.font_s18 {
	font-size: 1.0875rem;
}

.font_s19 {
	font-size: 1.1275rem;
}

.font_s20 {
	font-size: 1.25rem;
}

.font_s22 {
	font-size: 1.375rem;
}

.font_s24 {
	font-size: 1.5rem;
}

.font_s27 {
	font-size: 1.6875rem;
}

.font_s30 {
	font-size: 1.875rem;
}

.font_s32 {
	font-size: 2rem;
}

.font_s34 {
	font-size: 2.125rem;
}

.font_s36 {
	font-size: 1.8rem;
}

.font_s40 {
	font-size: 2.0rem;
}

.font_s50 {
	font-size: 2.5rem;
}

.font_s55 {
	font-size: 3rem;
}

.font_s60 {
	font-size: 3.75rem;
}

.colorF {
	color: #FFFFFF;
}

.textL {
	text-align: left;
}

.textC {
	text-align: center;
}

.textR {
	text-align: right;
}

.LH1R {
	line-height: 1rem;
}

.LH2R {
	line-height: 2rem;
}

.LH2_5R {
	line-height: 2.5rem;
}

.LH3R {
	line-height: 3rem;
}

.LH3_5R {
	line-height: 3.5rem;
}

.LH4R {
	line-height: 4rem;
}

.verticM {
	vertical-align: middle;
}

.cursor {
	cursor: pointer;
}
